<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    <link rel="stylesheet" href="../css/framework7.ios.min.css">
    <link rel="stylesheet" href="../css/framework7.ios.colors.min.css">
    <link rel="stylesheet" href="../css/framework7-icons.css">
    <link rel="stylesheet" href="css/wenjuan.css">
    <style>
        .list-block ul .item-content{margin:10px auto;padding:10px 0 10px 15px;}
        .list-block ul .item-content:after{content: '';  position: absolute;left: 0;bottom: 0;right: auto;top: auto;height: 1px;width: 100%;background-color: #c8c7cc;display: block;z-index: 15;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}
        .list-block ul{background: transparent;}
        .wenjuan-intro{padding: 35px 10px 0px;margin: 0;font-size: 15px;}
    </style>
</head>
<body>
<div class="statusbar-overlay"></div>
<div class="views">
    <div class="view view-main">
        <div class="pages">
            <div data-page="Wenjuan" id="Wenjuan" class="page">
                <div class="page-content" style="background-repeat:no-repeat;background-position: center center;background-size: 80% auto;">
                    <p class="wenjuan-intro color-gray"></p>
                    <div class="list-block">
                        <ul class="wenjuan-content-list"></ul>
                    </div>
                    <div class="submit-btn hidden color-white bg-green size-15" style="height: 44px;line-height: 44px;text-align: center;letter-spacing: .2em;margin: 10px;border-radius: 5px;">提交</div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/template" id="Qitem">
    {{#js_compare "this.align == 1"}}
    {{#each qdata}}
    <li class="item-content">
        <div class="flex-row flex-align-center flex-justify-around" style="width: 100%;">
            <div style="width: 70%;">{{sort}}.&nbsp;{{question}}</div>
            <div class="flex-column flex-justify-around flex-align-center" style="width: 30%;">
                {{#each itemdata}}
                <span class="btn hor-btn {{key}} {{color}} bg-gray" data-key="{{key}}" data-qid="{{../id}}" data-sort="{{../sort}}">{{item}}</span>
                {{/each}}
            </div>
        </div>
    </li>
    {{/each}}
    {{/js_compare}}
    {{#js_compare "this.align == 2"}}
    {{#each qdata}}
    <li class="item-content">
        <div class="flex-column flex-align-start flex-justify-around" style="width: 100%;padding-right: 10px;">
            <div style="width: 100%;">{{sort}}.&nbsp;{{question}}</div>
            <div class="flex-column flex-justify-around flex-align-start" style="width: 100%;">
                {{#each itemdata}}
                <span class="btn ver-btn {{key}} {{color}} bg-gray" data-key="{{key}}" data-qid="{{../id}}" data-sort="{{../sort}}">{{item}}</span>
                {{/each}}
            </div>
        </div>
    </li>
    {{/each}}
    {{/js_compare}}
</script>
<script type="text/javascript" src="../js/wx.jssdk.min.1.2.0.js"></script>
<script type="text/javascript" src="../js/framework7.min.js"></script>
<script type="text/javascript" src="js/wj1531879674.min.js"></script>
</body>
</html>